$(function() {
  //区域滚动
  mui('.mui-scroll-wrapper').scroll({
    // scrollY: false, //是否竖向滚动
    scrollX: true, //是否横向滚动
    deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
  });
  //nav栏渲染
  $.ajax({
    url: 'http://localhost:3000/api/getbaicaijiatitle',
    success(res) {
      //   console.log(res);
      $('.tabs').html(template('navTmp', res));
    }
  });
  //list首屏渲染
  function listRender(titleid = 0) {
    $.ajax({
      url: 'http://localhost:3000/api/getbaicaijiaproduct',
      data: { titleid },
      success(res) {
        // console.log(res);
        //处理数据  新老价格  进度  张数
        let result = res.result;
        result.forEach(v => {
          v.newPrice = v.productPrice.split('¥')[1];
          v.oldPrice = v.productPrice.split('¥')[2];
          //   console.log(v.newPrice);
          //   console.log(v.oldPrice);
          let arr = v.productCouponRemain.split('已领');
          //   console.log(arr);
          v.progress = arr[0];
          //   console.log(v.progress);
          v.tickets = arr[1].split('张')[0];
          //   console.log(v.tickets);
        });
        // console.log(result);
        $('.baicai-content ul').html(template('listTmp', res));
        //处理进度条
        // console.log($('.progress'));
        let data = [];
        result.forEach(v => {
          data.push(v.progress);
        });
        // console.log(data);
        for (let i = 0; i < data.length; i++) {
          $($('.baicai-content > ul >li')[i])
            .find('em')
            .width(data[i]);
        }
        //给自己打call
        // $('.progress i em').width('100%');
      }
    });
  }
  listRender();
  //点击tabs获取id渲染  事件委托
  $('.tabs').on('click', 'li', function() {
    // console.log($(this).data('id'));
    let titleid = $(this).data('id');
    listRender(titleid);
  });
});
